
<section class="huocms-components huocms-block huocms-block4" data-huocms-block="components/main/block4.html" data-huocms-blockid="2">
    <!-- 优势 -->
    <div class="blockBox block4" aos="fade-down">
        {hcTaglib:category id="2" item="subcategory" field="id,title,sub_title,description,thumbnail"}
        {if condition="!empty($subcategory['title'])"}
        <div class="title">
            <p>{$subcategory.title}</p>
            <div>{$subcategory.sub_title}</div>
        </div>
        <div class="w1400">
            <div class="img">
                <img src="{$subcategory.thumbnail.url|default=''}" alt="">
            </div>
            <ul>
                {php}
                $description = $subcategory['description'];
                $descArr = explode("\n", $description);
                {/php}
                {volist name="$descArr" id="vo"}
                {php}$voArr = explode(',', $vo);{/php}
                <li>
                    <p><span class="timer">{$voArr[0]|default='0'}</span>{$voArr[1]|default=''}</p>
                    <div>{$voArr[2]|default=''}</div>
                </li>
                {/volist}
            </ul>
        </div>
        {/if}
        {/hcTaglib:category}
    </div>
    <link rel="stylesheet" href="/design/designStyle/deruan_suq/css/block4.css">
    <!-- 数字滚动 -->
    <script src="/design/designStyle/deruan_suq/js/jquery.waypoints.min.js"></script>
    <script src="/design/designStyle/deruan_suq/js/jquery.countup.min.js"></script>
    <script src="/design/designStyle/deruan_suq/js/block4.js"></script>
</section>

